@import "./sass/common.scss";
@import "./sass/header.scss";
@import "./sass/flow.scss";
@import "./sass/common_now.scss";
@import "./sass/footer.scss";

.banner{
    height: 600px;
    width: 100%;
    background-color:black;
}

// main
.main{
    width: 100%;
    margin:  0 auto;
    .main_header{
        width: 100%;
        background:#F8FCFF;
        .main_header_inner{
            width:998px;
            margin:  0 auto;
            overflow: hidden;
            p{
                text-align: center;
            }
            .main_header_inner_top{
                font-size: 32px;
                color:#333;
                margin-top: 54px;
                margin-bottom: 20px;
            }
            .main_header_inner_bottom{
                font-size: 22px;
                color:#333;
                line-height: 38px;
                height: 38px;
                margin-bottom: 43px;
            }

            // main_box_inner_main
            .header_inner_main_box_wrapper{
                float:left;
                img{
                    width:434px;
                    height:240px;
                }
                .main_box_inner_main_btn{
                    width: 165px;
                    height: 35px;
                    font-size: 16px;
                    line-height: 35px;
                    text-align: center;
                    color: #008EFF;
                    border:#008EFF 1px solid;
                    border-radius: 2px;
                    margin:  25px auto 21px;

                }
                .main_box_inner_main_detail{
                    li{
                        text-align: center;
                        color:#333;
                        font-size: 16px;
                        line-height:1.5;
                    }
                    margin-bottom: 35px;
                }
                
            }

        }
    }
}


//mian list
.main_list{
 margin:  0 auto;
 
 .main_list_box{
     cursor: pointer;
     width: 200px;
     float: left;
     margin-right: 58px;
     img{
         margin:  60px auto 0;
         display: block;
         width:76px;
         height: 56px;
         margin-bottom: 28px;
     }
     p{
         width: 100%;
         font-size: 22px;
        text-align: center;
     }
     .main_list_box_header_p{
         margin-bottom: 8px;
     }
     .main_list_box_min{
         font-size: 12px;
     }
 }   
 .m_r_0{
    margin-right: 0;
 }
}



// main_pross


.main_pross{
 height: 435px;
 width: 100%;
 margin-top: 52px;
 background:#F8FCFF;
    .main_pross_inner{
        width: 998px;
        margin: 0 auto;
        img{
            width:408px;
            height: 364px;
            margin-top: 32px;
            margin-right: 73px;
            float:left;
        }
        ul{
            float: left;
            li{
                text-align: left;
            }
        }
        .main_pross_inner_title{
            font-size: 32px;
            margin-top: 174px;
        }
        .main_pross_inner_m{
          font-size: 22px;   
          margin-top: 31px;
        }
    }

   
}


// main_opt_list s
.main_opt{
    width: 998px;
    margin:  0 auto;
    p{
        text-align: center;
    }
    .main_opt_header{
        font-size: 32px;
        margin-top: 56px;
    }
    .main_opt_header_b{
        font-size: 22px;
        margin-top: 19px;
        margin-bottom: 37px;
    }
    .main_opt_list{
        .main_opt_list_box{
            width: 306px;
            p{
                text-align: center;
            }
        }
        img{
            width: 306px;
            height: 212px;
            display: block;
        }
        .main_opt_list_title{
            font-size: 22px;
            margin-top: 33px;
        }
        .main_opt_list_main{
            font-size: 16px;
            margin-top: 28px;
        }
    }
}




// main_opt_list e

// main user s

.main_user{
    width: 100%;
    height: 530px;
    margin-top: 62px;
    position: relative;
    background-color:#F8FCFF;
    .main_user_inner{
        width: 998px;
        margin:  0 auto;
        .main_user_header{
            margin-top:51px;
            margin-bottom:16px; 
            font-size: 32px;
        }
        p{
            text-align: center;
        }
        .main_user_w{
            font-size: 22px;
            margin-bottom: 53px;
        }

    }
    .main_user_bottom_img{
        position: absolute;
        bottom:0;
        left:0;
        width: 100%;
        height: 238px;
    }
    .main_user_list{
        .m_l_9{
            margin-left: 9px;
        }
        li{
            display: block;
            float:left;
            width: 150px;
            height: 42px;
            line-height: 42px;
            text-align: center;
            img{
                width: 100%;
                height: 100%;
                display: block;
            }
        }
    }
}


// main user e


// baoijia_container s
.baoijia_container{
    width:998px;
    margin:0 auto;
    p{
        text-align: center;
    }
    .bj_container_header{
        margin-top: 54px;
        margin-bottom: 20px;
    }
    .bj_contaienr_bottom{
        margin-bottom: 47px;
    }
    .bj_container_btn{
        width: 200px;
        height: 56px;
        line-height: 56px;
        text-align: center;
        color:#fff;
        background: #008EFF;
        margin:  0 auto 40px;
    }
}

// baoijia_container e